<template>
  <div style="color: #666; font-size: 14px">
    <div style="padding-bottom: 20px">
      <b>欢迎你！{{ user.nickname }}</b>
    </div>
    <el-card> 开心每一天</el-card>
    <div style="height: 1px; background: #ddd; margin: 20px 0"/>

    <el-col :span="12">
      <div style="padding: 20px 0; font-size: 20px">技术栈</div>
      <el-row>
        <el-col :span="12" style="line-height: 30px">
          <div><b>后端</b></div>
          <div>SpringBoot2</div>
          <div>Hutool</div>
          <div>Poi</div>
          <div>Lombok</div>
          <div>Mybatis/Mybatis-plus</div>
        </el-col>
        <el-col :span="12" style="line-height: 30px">
          <b>前端</b>
          <div>Vue2</div>
          <div>Vue-Router</div>
          <div>VueX</div>
          <div>ElementUI</div>
          <div>Axios</div>
          <div>微信小程序</div>
          <div>ColorUI</div>
        </el-col>
      </el-row>
    </el-col>
  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      user: localStorage.getItem("user")
          ? JSON.parse(localStorage.getItem("user"))
          : {},
    };
  },
};
</script>
